<div class="widget-container" :style="widgetConfig.style" ref="absContainer">
  <DproHeader :title="propsConfig.title">
    <div class="widget-head" slot="right">
<!--      <div class="widget-time">-->
<!--        <span-->
<!--          :class="{'active': item.type === activeTimeType}"-->
<!--          v-for="(item,idx) in countTime"-->
<!--          @click="handleChangeTime(item.type)"-->
<!--        >-->
<!--          {{item.name}}-->
<!--        </span>-->
<!--      </div>-->
<!--      <span class="btn-setting" @click="setting" v-if="cardInfo.isPub!==1&&cardInfo.roleType===2"> 配置 </span>-->
      <span class="btn-setting" @click="refresh" > 刷新 </span>
    </div>
  </DproHeader>
  <div class="head">
    <div>序号</div>
    <div>案件行为</div>
  </div>
  <div class="content-container" v-if="!loading">
    <transition-group appear name="rankList" tag="div" v-on:enter="enter">
      <dpro-content-item @click.native="openWin(item.rankCode)" :item="item" :idx="item.alarmNo" :activeIdx="activeIdx" v-for="(item,idx) in rankList" :key="idx">
      </dpro-content-item>
    </transition-group>
    <dpro-empty v-if="rankList&&rankList.length<=0" />
  </div>
  <div class="echart__loading" v-else >
    <dpro-loading />
  </div>
  <dp-setting-modal v-if="cardInfo.accessToken" :isDevice="false" :label="propsConfig.title" :getContainer="getPopupContainer" ref="settingModal" @saveCardDeviceInfo="saveCardDeviceInfo" :cardInfo="cardInfo"/>
</div>
